<template>
	<view>
		<block v-for="i in 10" :key="i">
			<uni-swipe-action>
				<uni-swipe-action-item
				    :threshold="0"
				    :right-options="options"
				    @click="bindClick"
				>
					<view style="padding:0 15rpx;">
						<variety-card></variety-card>
					</view>
				</uni-swipe-action-item>
			</uni-swipe-action>
			
			<divider></divider>
		</block>
	</view>
</template>

<script>
	import uniSwipeAction from '@/components/uni-ui/uni-swipe-action/uni-swipe-action.vue'
	import uniSwipeActionItem from '@/components/uni-ui/uni-swipe-action-item/uni-swipe-action-item.vue'
	export default {
		components:{
			uniSwipeAction,
			uniSwipeActionItem
		},
		data() {
			return {
				options: [
					{
						text: '取消收藏',
						style: {
							backgroundColor: '#F56C6C'
						}
					}
				],
			};
		},
		methods:{
			bindClick(e) {
				console.log(e);
			},
		}
	}
</script>

<style lang="scss">

</style>
